<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title>带按钮的轮播广告</title>

		<style>

			*{

				margin: 0;

				padding: 0;

			}

			#top{

				position: relative;

				width: 424px;

				height: 130px;

				margin:10px 0px 0px 10px;

			}

			#top .num{

				list-style: none;

				position: absolute;

				right: 10px;

				bottom: 2px;

				

			}

			#top .num li{

				width: 20px;

				height: 20px;

				float: left;

				color: black;

				margin-right:10px ;

				text-align: center;

				background: #FFFFFF;

			}

			#top .num li:hover{

				background:#E1E1E1;

				cursor: pointer;

			}

		</style>

	</head>

	<body>

		<div id="top">

			<img src="../img/adver-01.jpg"/>

			<ul class="num" id="wordnum">

				<li>1</li>

				<li>2</li>

				<li>3</li>

				<li>4</li>

				<li>5</li>

			</ul>

		</div>

	</body>

</html>


